body{

}

.eve-flex{
    display: -webkit-flex;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

header,footer{
    flex-basis: 100%;
}

.main-container{
    display: flex;
    flex: 1;
    padding: 0 3px;
}

.sidebar-container{
    flex: 0 0 16em;
    order: -1;
}
.content-container{
    flex: 1;
}

@media (max-width: 768px) {
    .main-container {
        flex-direction: column;
        flex: 1;
    }
    .sidebar-container,
    .content-container{
        flex: auto;
    }
}